<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>我的作业</title>
    <div data-th-replace="layout/head"></div>
    <!--初始公共加载过渡动画-->
    <script type="text/javascript" th:src='@{{path}/front/mobile/libs/page-loading.min.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
</head>
<body>
<!-- top bar -->
<header class="bar bar-nav">
    <a class="icon iconfont icon-fanhui pull-left" href="javascript:window.history.go(-1);"></a>
    <h1 class="title">我的作业</h1>
</header>
<!-- top bar end-->

<div class="content wm-content order-content operation-content of">
    <div class="wp-live card">
        <div class="row no-gutter wl-live-left">
            <div class="col-50">
                <section class="operation-inx-ico operation-inx-ico-1">&nbsp;</section>
                <aside class="mt5"><span class="fs5 c-888">完成作业</span></aside>
                <strong class="fs8 c-000">98</strong>
            </div>
            <div class="col-50">
                <section class="operation-inx-ico operation-inx-ico-2">&nbsp;</section>
                <aside class="mt5"><span class="fs5 c-888">作业总数</span></aside>
                <strong class="fs8 c-000">23</strong>
            </div>
        </div>
    </div>
    <div class="wm-buttons-tab__wrap mt5">
        <div class="buttons-tab wm-buttons-tab">
            <a href="#tab1" class="tab-link button active">全部作业</a>
            <a href="#tab2" class="tab-link button">未完成</a>
            <a href="#tab3" class="tab-link button">已完成</a>
        </div>
    </div>
    <article class="page-infinite__wrap u-operation-infinite__wrap">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div class="content infinite-scroll native-scroll record_wrap" data-type='native' data-distance="100">
                    <div class="tabs">

                        <div id="tab1" class="tab content active">
                            <div class="list-block media-list">
                                <ul>
                                    <li id="no-data-li">
                                        <section class="no-data__wrap">
                                            <em>&nbsp;</em>
                                            <p>亲，还没有作业哦~~~</p>
                                        </section>
                                    </li>
                                    <li class="item-content item-link">
                                        <a href="/mobile/uc/operation/operationInfo">
                                            <div class="item-inner">
                                                <div class="item-title-row">
                                                    <div class="item-title">
                                                        <span class="button button-success">已完成</span>
                                                        <span class="fs7 c-000 vam">商学院Vip班级作业一</span>
                                                    </div>
                                                </div>
                                                <div class="item-subtitle">
                                                    <span class="c-888 fs4">班级：asdfasdfdasf</span>
                                                    <span class="c-888 fs4 ml5">已提交/总数：12/48</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="item-content item-link">
                                        <a href="/mobile/uc/operation/operationInfo">
                                            <div class="item-inner">
                                                <div class="item-title-row">
                                                    <div class="item-title">
                                                        <span class="button button-danger">未完成</span>
                                                        <span class="fs7 c-000 vam">商学院Vip班级作业一</span>
                                                    </div>
                                                </div>
                                                <div class="item-subtitle">
                                                    <span class="c-888 fs4">班级：asdfasdfdasf</span>
                                                    <span class="c-888 fs4 ml5">已提交/总数：12/48</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div id="tab2" class="tab content">
                            <div class="list-block media-list">
                                <ul>
                                    <li id="">
                                        <section class="no-data__wrap">
                                            <em>&nbsp;</em>
                                            <p>亲，还没有作业哦~~~</p>
                                        </section>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div id="tab3" class="tab content">
                            <div class="list-block media-list">
                                <ul>
                                    <li id="">
                                        <section class="no-data__wrap">
                                            <em>&nbsp;</em>
                                            <p>亲，还没有作业哦~~~</p>
                                        </section>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </article>
</div>
<div data-th-replace="layout/footer"></div>
</body>
</html>